<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../css/footer.css">
    <link rel="stylesheet" href="../css/header.css">
    <link rel="stylesheet" href="pro.css">
</head>
<body>
<div id="header">
    <img class="i1" src="../jp/捕获1.PNG" alt="">
    <div id="logo">
        <h1> <a  class="a2"  href="../index.html">A.S Hair Salon
        </a>
            <!--            <a  class="a1" href="">HOME&nbsp;&nbsp;&nbsp;</a>-->
            <!--            <a class="a1" href="">ABOUT&nbsp;&nbsp;&nbsp;</a>-->
            <!--            <a class="a1" href="">PROJECTS&nbsp;&nbsp;&nbsp;</a>-->
            <!--            <a class="a1" href="">CONTACT</a>-->
        </h1>
    </div>
    <div id="login_reg">
        <a href="/login.html">登录</a>
        <a href="/register.html">注册</a>
    </div>
</div>
<div id="d2">
    <h1 id="heading">About More</h1>
    <div class="d1">
        <img src="图1.webp" class="img-fluid" alt="">
    </div>
    <div class="d1-1">
        <h1>CLASSIC HAIR STYLING </h1>
        <h2>Real Men Go To
            <br>
            Real Beardos
        </h2>
        <p>
            justo, semper at tempus vel, ultrices in sed ligula. Nulla
            uter sollicitudin velit. Sed porttitor orci vel fermentum
            elit maximus. Curabitur ut turpis massa in condimentum
        </p>
    </div>
    <section class="banner-bottom py-5" id="exp sec1">
        <div>
<!--            <h3 class="heading">About More</h3>-->
            <div class="row">
                <div class="row-1">
                    <div class="col-md-7-1">
                        <h5 class="mt-1-1">CLASSIC BEARD STYLING</h5>
                        <h4 class="md-2">Checkout Hottest
                            <br>
                            Beard Styling
                        </h4>
                        <p class="mt-2-1">
                            Integer pulvinar leo id viverra feugiat.Pellentesque libero justo, semper at tempus vel, ultrices in sed
                            ligula. Nulla uter sollicitudin velit.
                            Sed porttitor orci vel fermentum elit maximus.
                            Curabitur ut turpis massa in condimentum libero.
                            Pellentesque maximus Pellentesque libero justo
                            Nulla uter sollicitudin velit. Sed porttitor orci
                            vel ferm semper at vel, ultrices in ligula
                            semper at vel.Curabitur ut turpis massa in
                            condimentum libero.
                        </p>
                    </div>
                    <div class="col-md-5">
                        <img src="图2.jpg" class="img-fluid-1" alt="" id="img11">
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section id="s1">
        <div>
            <img src="图3.PNG" class="img-fluid-2" alt="" id="img22">
        </div>
    </section>
    <h3 id="h3">Our Team</h3>
            <div class="bimg1">
                <img src="3.jpg" alt="" class="img2">
            </div>
<!--        <h3>大川博树</h3>-->
<!--        <h4>AFLOAT 董事总经理</h4>-->
<!--        <p>我们可以准确判断客户的头发质量和受损状况，根据客户目前的头发状况进行染发、烫发、护理处理，所以我们可以提供【不给头发带来负担的最佳护理】。</p>-->

            <div class="bimg1">
                <img src="2.合照.jpg" alt="" class="img2">
            </div>
<!--            <div>-->
<!--                <h3 >合照</h3>-->
<!--                <p>Lorem Ipsum has been the industry's standard since the 1500s.</p>-->
<!--            </div>-->
            <div class="bimg1">
                <img src="7.jpg" alt="" class="img2">
            </div>
<!--            <div>-->
<!--                <h3>雄次郎</h3>-->
<!--                <h4>AFLOAT 董事总经理</h4>-->
<!--                <p>负责许多成年女性和太太代的顾客，性格温和，深受顾客信赖。此外，他还是一位以刘海&小脸剪和卷剪而闻名的顶级设计师，活跃于全国各个舞台、研讨会、摄影和讲师活动等各个领域。</p>-->
<!--            </div>-->
    <div>
        <img src="图3.PNG" class="img-fluid-2" alt="" id="img23">
    </div>
    </div>
</div>
<div>
    <div id="footer">
        <div class="foot_t">
            <div id="zuo_boby">
                <h2 id="ft_title">A.S Hair Salon</h2>
                <p>Lorem Ipsum is simply text the printing and<br>typesetting standard industry.
                    Onec Consequat<br> sapien ut cursus rhoncus. Nullam dui mi,<br> vulputate ac metus.
                </p>
                <h3>Trusted by<span style="color: orange">500+ People</span></h3>
                <img src="微信.webp" alt="" class="tubiao">
                <img src="qq.webp" alt="" class="tubiao">
            </div>
        </div>
        <div class="foot_t">
            <div id="mid_boby">
                <h4>Quick Links</h4>
                <ul>
                    <li><a href="" class="lianjie">>>&nbspHome</a></li>
                    <li><a href="" class="lianjie">>>&nbspAbout Us</a></li>
                    <li><a href="" class="lianjie">>>&nbspSingle Page</a></li>
                    <li><a href="" class="lianjie">>>&nbspTeam</a></li>
                    <li><a href="" class="lianjie">>>&nbspContact Us</a></li>
                </ul>
            </div>
        </div>
        <div class="foot_t">
            <div id="you_boby">
                <h4>Contact Info</h4>
                <p id="id1">地址:90 nsequursu dsdesdc, xxx Honey Street 049436.Newyork, NY.</p>
                <p id="id2">电话:+1(12) 123 456 789</p>
                <p id="id3">座机:+1(12) 123 456 789</p>
                <p><a href="" class="lianjie">邮箱:123456789@qq.com</a></p>
            </div>
        </div>
    </div>

</div>
</body>
</html>